<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		  
				
   		<link rel="stylesheet" href="jqzoom/jqzoom.css" />
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/good_details.css" />
		<link rel="stylesheet" type="text/css" href="font-awesome-4.6.3/css/font-awesome.css"/>
		<script type="text/javascript" src="jquery2.1.1/jquery-2.1.1.min.js" ></script>
		<script type="text/javascript" src="js/good_details.js"></script>
		<script type="text/javascript" src="jqzoom/jquery.jqzoom.min.js"></script>
		<script type="text/javascript" src="jquery-cookie-v1.4.1-0/jquery.cookie.js" ></script>
		
	</head>
	<body>
		<div id="header"></div>
		<!--位置信息-->
		<div class="location container wbody">
			<ul>
				<li>您的位置：</li>
				<li>首页></li>
				<li>服装鞋帽></li>
				<li>男装></li>
				<li>衬衣/衬衫></li>
			</ul>
		</div>
		<!--商品细节 、价格、尺码等信息-->
		<div class="show container wbody">
			<!--左边-->
			<div class="s_left">
				<!--大图-->
				<div class="b_img jqzoom">
					<img src="img/good_detalis/show_1.jpg" jqimg="img/good_detalis/show_1.jpg"/>
				</div>
				<!--小图-->
				<div class="s_img">
					<i class="fa fa-angle-left"></i>
					<img src="img/good_detalis/show_1.jpg" />
					<img src="img/good_detalis/show_2.jpg" />
					<img src="img/good_detalis/show_3.jpg" />
					<img src="img/good_detalis/show_4.jpg" />
					<img src="img/good_detalis/show_5.jpg" />
					<i class="fa fa-angle-right"></i>
				</div>
				
					
    			
	  					
   				
			
				
				<!--分享收藏-->
				<div class="share">
					<p><i class="fa fa-share-alt"><a href="#">分享</a></i></p>
					<p><i class="fa fa-star"><a href="#">收藏商品</a></i></p>
					<span><i class="fa fa-caret-right"><a href="#" class="">商品编号：0803102116</a></i></span>
				</div>
			</div>
			<!--中间-->
			<div class="s_mid">
				<h2>[]Kuegou 男士欧美个性圆领短袖衬衫 男白色修身衬衣潮1370</h2>
				<!--价格-->
				<div class="price">
					<p>
						<span>促销价:</span>
						<span class="span_1">￥115.4</span>
						<span class="span_2">大牌特价</span>
					</p>
					<p>
						<span>市场价：</span>
						<span class="span_3">￥135</span>
					</p>
				</div>
				<div class=" promise">
					<ul>
						<li><i>正</i>正品保证</li>
						<li><i>7</i>7天退换</li>
						<li><i>补</i>10天补差价</li>
						<li ><i class="hours">24</i>24小时发货</li>
						<li><i>P</i>24小时客服热线</li>
					</ul>
				</div>
				<!--品牌-->
				<div class="brand">
					<span class="span_t">品牌:</span><span class="brand_span">优衣库/UNIQLO</span>
				</div>
				<div class="brand">
					<span class="span_t">商品编号:</span>0803102116<span></span>
				</div>
				<!--颜色-->
				<div class="color">
					<span class="span_t">颜色：</span>
					<ul>
						<li>白色</li>
						<li>黑色</li>
					</ul>
				</div>
				<!--尺码信息-->
				<div class="size">
					<span class="span_t">尺码</span>
					<ul>
						<li>S/165</li>
						<li>M/170</li>
						<li>L/175</li>
						<li>XXL/185</li>
						<li>XXXL/190</li>
					</ul>
				</div>
				<!--尺码选择-->
				<div class="choose ">
					<span class="span_t">您的选择是：</span>
					<span class="span_txt">1</span>
				</div>
				<!--选择的数量-->
				<div class="num">
					<span class="span_t">数量：</span>
					<span>
					<select name="" class="sele">
						<option value="">1</option>
						<option value="">2</option>
						<option value="">3</option>
						<option value="">4</option>
						<option value="">5</option>
						<option value="">6</option>
						<option value="">7</option>
					</select>件 (库存39件)
						
					</span>
				</div>
				<!--到底买不买-->
				<div class="buy">
					<p style="background: rgb(203,20,29);">立即购买</p>
					<p style="background: rgb(240,135,10);"><i class="fa fa-shopping-cart"></i>立即购买</p>
					<p style="background: rgb(153,9,112);"><i class="fa fa-star"></i>收藏商品</p>
				</div>
				
			</div>
			<!--右边-->
			<div class="s_right">
				<div class="show_list">
					<img src="img/good_detalis/guss_1.jpg"/>
					<img src="img/good_detalis/guss_2.jpg"/>
					<img src="img/good_detalis/guss_3.jpg"/>
					<img src="img/good_detalis/guss_4.jpg"/>
					<img src="img/good_detalis/guss_5.jpg"/>
					<img src="img/good_detalis/guss_6.jpg"/>
				</div>
				<span class="fa fa-angle-up">TOP</span>
				<span class="fa fa-angle-down" style="text-align: right;">DOWN</span>
			</div>
		</div>
		
		<!--固定导航栏-->
		<div class="fix"></div>
		<!--商品的图片展示及评论等	-->	
		<div class="pic_show container wbody">
			<!--左边-->
			<div class="pic_show_left">
				<div class="pic">
					<h2 class="fa fa-star">精品推荐</h2>
					<ul>
						<li>
							<img src="img/good_detalis/good_show_1.jpg" />
							[]Koegou 男士欧美个性圆领短袖衬衫 男白色修身衬衣<br /><br />
							<b>热销</b>
							<span>￥115.4</span>
						</li>
						<li>
							<img src="img/good_detalis/good_show_2.jpg" />
							[]Koegou 男士欧美个性圆领短袖衬衫 男白色修身衬衣<br /><br />
							<b>热销</b>
							<span>￥115.4</span>
						</li>
						<li>
							<img src="img/good_detalis/good_show_3.jpg" />
							[]Koegou 男士欧美个性圆领短袖衬衫 男白色修身衬衣<br /><br />
							<b>热销</b>
							<span>￥115.4</span>
						</li>
						<li>
							<img src="img/good_detalis/good_show_4.jpg" />
							[]Koegou 男士欧美个性圆领短袖衬衫 男白色修身衬衣<br /><br />
							<b>热销</b>
							<span>￥115.4</span>
						</li>
						<li>
							<img src="img/good_detalis/good_show_5.jpg" />
							[]Koegou 男士欧美个性圆领短袖衬衫 男白色修身衬衣<br /><br />
							<b>热销</b>
							<span>￥115.4</span>
						</li>
						<li>
							<img src="img/good_detalis/good_show_6.jpg" />
							[]Koegou 男士欧美个性圆领短袖衬衫 男白色修身衬衣<br /><br />
							<b>热销</b>
							<span>￥115.4</span>
						</li>
						
					</ul>
				</div>
			</div>
			<div class="pic_show_right">
				<ul>
					<li>商品描述</li>
					<li>买家评论</li>
					<li>产品问答</li>
					<li>购买记录</li>
				</ul>
				<div class="big_pic">
					<img src="img/good_detalis/details_1.jpg" />
					<img src="img/good_detalis/details_2.jpg" />
					<img src="img/good_detalis/details_3.jpg" />
					<img src="img/good_detalis/details_4.jpg" />
					<img src="img/good_detalis/details_5.jpg" />
					<img src="img/good_detalis/details_6.jpg" />
					<img src="img/good_detalis/details_7.jpg" />
					<img src="img/good_detalis/details_8.jpg" />
					<img src="img/good_detalis/details_9.jpg" />
					<img src="img/good_detalis/details_10.jpg" />
					<img src="img/good_detalis/details_11.jpg" />
					<img src="img/good_detalis/details_12.jpg" />
					
					<img src="img/good_detalis/details_14.jpg" />
					<img src="img/good_detalis/details_15.jpg" />
					<img src="img/good_detalis/details_16.jpg" />
					<img src="img/good_detalis/details_17.jpg" />
					<img src="img/good_detalis/details_18.jpg" />
					<img src="img/good_detalis/details_19.jpg" />
					<img src="img/good_detalis/details_20.jpg" />
					<img src="img/good_detalis/details_21.jpg" />
					
				</div>
				<div class="comment">
					<textarea id="txt_value" rows="8" cols="108" style="resize: none;"></textarea>
					 <input type="button" name="btn" id="btn" value="发表评论" />
					<p class="c_text">
						
					</p>
				</div>
				<div class="q_answer">
					
				</div>
				<div class="b_history">
					
				</div>
			</div>
		</div>
		<div class="clear"></div>
		<div id="footer"></div>
		
		
		
	</body>
</html>
